<header class="bar-header">
    <a id="menu">
        <svg id="open" class="icon-menu"><use xlink:href="#icon-menu"></use></svg>
    </a>
<!--     <a id="search" class="dosearch">
        <svg class="icon-search"><use xlink:href="#icon-search"></use></svg>
    </a> -->
    <h1 class="logo">
        <a href="{{ site.url }}">
            <!-- {{ site.username }} -->
            <img itemprop="image" class="img-rounded" src="{{ site.url | append :"/" | append : site.favicon }} " alt="{{ site.name }}">
        </a>
    </h1>
</header>

<div id="mask" class="overlay"></div>

{% include menu.html %}
<!-- {% include search.html %} -->
